<!DOCTYPE html>
{% load static %}
<html lang="zh-Hans"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>增加 商品信息 | 昌航有物</title>
    <link rel="stylesheet" href={% static 'css/goods-release-css/index.css' %} >
    <link rel="stylesheet" href={% static 'css/goods-release-css/all.min.css' %} >
    <link rel="stylesheet" type="text/css" href={% static 'css/goods-release-css/base.css' %} >
    <link rel="stylesheet" href={% static 'css/goods-release-css/base(1).css' %} >
    <link rel="stylesheet" href={% static 'css/goods-release-css/simpleui.css' %} >
    <link rel="stylesheet" type="text/css" href={% static 'css/goods-release-css/forms.css' %} >
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" type="text/css" href={% static 'css/goods-release-css/responsive.css' %} >
    <meta name="robots" content="NONE,NOARCHIVE">
    <script type="text/javascript" src={% static 'js/goods-release-js/jquery.min.js' %} ></script>
    <link rel="stylesheet" type="text/css" id="u0" href={% static 'css/goods-release-css/skin.mobile.min.css' %} >
    <script type="text/javascript" src="{% static 'tinymce/jquery.tinymce.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'tinymce/tinymce.min.js' %}"></script>
    <script>
        tinyMCE.init({
            'mode':'textareas',
            'theme':'advanced',
            'width':400,
            'height':100
        })
    </script>
    <style type="text/css">
    .inline-group .tabular td.original p {
        margin-top: -33px;
    }
    .page-header {
        padding: 10px;
    }
    #id_surface{
        min-height: 28px;
    }
    .max-width{
        max-width: 97%;
    }
</style>
</head>


<body class="" data-admin-utc-offset="28800">




<div id="theme"><link rel="stylesheet" href={% static 'css/goods-release-css/element.css' %} ></div>
<!-- Container -->
<div id="container">

<form action="{% url 'goods:release' %}" method="post" enctype="multipart/form-data">
                {% csrf_token %}

    

    <div class="menu-content">
        
    </div>
    <!-- Content -->
    <div id="content" class="">
        
        

        
        
            
                <div style="display: none">增加 商品信息</div>
            
        
        

<div id="content-main" class="form-main">
    
    <div class="page-header"><div class="el-page-header"><div class="el-page-header__left">
        <a  class="el-page-header__title" href={% url 'main:mine' %}>< 返回</a>
    </div><div class="el-page-header__content">增加 商品信息</div></div></div>
        <div>
            <fieldset class="module aligned ">
    
        <div class="form-row field-user">
            

                <div>
                    
                    
                        <label class="required" for="id_user">所属类别:</label>
                        
                            <div class="related-widget-wrapper">
    <select name="classify" required="" id="classify">
  <option value="" selected="">（必填）商品所属种类</option>

  <option value="jjyp">居家用品</option>

  <option value="ydjs">运动健身</option>

  <option value="czxs">彩妆香水</option>

  <option value="sjsm">手机数码</option>

  <option value="zyyj">桌椅用具</option>

  <option value="zbps">珠宝配饰</option>

  <option value="nx">男鞋</option>

  <option value="vx">女鞋</option>

  <option value="nx">男装</option>

  <option value="vz">女装</option>

  <option value="bbxz">背包箱子</option>

  <option value="ghqj">个护清洁</option>


</select>


</div>
                        
                    
                    
                </div>
            
        </div>
    
        <div class="form-row field-name">
            
            
                <div>
                    
                    
                        <label class="required" for="id_name">商品标题:</label>
                        
                            <input placeholder="（必须）商品标题" type="text" name="name" class="vTextField" maxlength="15" required="" id="name">
                        
                    
                    
                </div>
            
        </div>
    
        <div class="form-row field-price">

            
                <div>
                    
                    
                        <label class="required" for="id_price">商品价格:</label>
                        
                            <input placeholder="价格（数字）" type="number" name="price" class="vIntegerField" required="" id="id_price">
                        
                    
                    
                </div>
            
        </div>
    
        <div class="form-row field-intro">
            
            
                <div>
                    <label class="required" for="id_intro">简介:</label>
                        <br>
                        <textarea name="intro" placeholder="点击填写简介（选填）" id="intro" cols="30" rows="10">

                        </textarea>
                        <br>
                </div>
            
        </div>
    
        <div class="form-row field-place">
            
            
                <div>
                    
                    
                        <label class="required" for="id_place">希望交易地点:</label>
                        
                            <input placeholder="（默认）图书馆大门口" type="text" name="place" class="vTextField" maxlength="20" id="id_place">
                        
                    
                    
                </div>
            
        </div>
                <div class="form-row field-surface">
            
            
                <div>
                    
                    
                        <label class="required" for="id_surface">封面 （必选）:</label>
                        <div class="max-width el-button el-button--primary">
                            <input name="avatar" type="file" accept="image/*" required="">
                            {% comment %}<input class="" value="提交" type="file" name="Pic" accept="image/*" required="" id="surface">{% endcomment %}
                            <span>选择</span>
                        </div>
                    
                    
                </div>
            
        </div>

                <div class="form-row field-surface">


                <div>


                        <label class="required" for="id_surface">图片2 （选填）:</label>
                        <div class="max-width el-button el-button--primary">
                            <input name="pic2" type="file" accept="image/*" >
                            {% comment %}<input class="" value="提交" type="file" name="Pic" accept="image/*" required="" id="surface">{% endcomment %}
                            <span>选择</span>
                        </div>


                </div>

        </div>

                <div class="form-row field-surface">


                <div>


                        <label class="required" for="id_surface">图片3: （选填）</label>
                        <div class="max-width el-button el-button--primary">
                            <input name="pic3" type="file" accept="image/*" >
                            {% comment %}<input class="" value="提交" type="file" name="Pic" accept="image/*" required="" id="surface">{% endcomment %}
                            <span>选择</span>
                        </div>


                </div>

        </div>






</fieldset>

<div class="submit-row">
    <a type="button" class="el-button el-button--button" style="float: left; margin-right: 10px; margin-bottom: 10px;" href={% url 'main:mine' %}><!---->
        <span><span>< 返回</span></span>
    </a>
    <input type="submit" value="保存并增加另一个" name="sub-done" class="el-button el-button--primary">
    <input type="submit" value="保存并继续编辑" name="sub-done" class="el-button el-button--primary">
    <input type="submit" value="发布" id="#btnAjax" name="sub-done" class="el-button el-button--primary">
    <input type="hidden" name="actionName" value="actionValue" id="actionName">
</div>
        </div>


</div>
{% comment %}<script>
    $(function () {
        //绑定Ajax请求click事件
        $('#btnAjax').click(function () {
            //获取用户名与密码
            var username = $('#name').val();
            var password = $('#pass').val();
            var csrfmiddlewaretoken = '{{ csrf_token }}';
            $.ajax({
                url:'{% url 'main:index' %}',
                type:'POST',
                data:{
                    'type':'login',
                    'username':username,
                    'password':password,
                    'next':'{{ next }}',
                    'csrfmiddlewaretoken': csrfmiddlewaretoken,
                },
                dateType:'json'
            }).success(function (data) {
                var divset = $('.click-efect');
                //Ajax返回值
                if (data.check == 2){
                    $('#btnAjax').removeClass('active');
                    for (var i = 0; i<divset.length;i++) {
                        divset[i].style.cssText=" background: #fff ";
                    }
                    $('.message').html('用户名和密码不能为空');
                }
                else if (data.check == 3){
                    $('#btnAjax').removeClass('active');
                    for (var i = 0; i<divset.length;i++) {
                        divset[i].style.cssText=" background: #fff ";
                    }
                    $('.message').html(data.errmsg)
                }
                else if (data.check == 0){
                    $('#btnAjax').removeClass('active');
                    for (var i = 0; i<divset.length;i++) {
                        divset[i].style.cssText=" background: #fff ";
                    }
                    $('.message').html('用户名或密码错误')
                }
                else if (data.check == 1){
                    $('.message').html('欢迎！');
                    location.href =data.next
                }
            })
        });
    })
</script>{% endcomment %}
<script type="text/javascript">
    new Vue({
        el: '.page-header',
        methods: {
            goBack: function () {
                window.location.href = '/admin/goods/goods/'
            }
        }
    })
    if ($(".object-tools").length != 0) {
        new Vue({
            el: '.object-tools',
            data: {
                dialogTableVisible: false,
                url: ''
            },
            methods: {
                go_url: function (url) {
                    this.url = url;
                    this.dialogTableVisible = true;
                }
            }
        })
    }
    if (document.getElementById('alert')) {
        new Vue({
            el: '#alert'
        })
    }
</script>


        <br class="clear">
    </div>
    <!-- END Content -->


        <div id="footer"></div>    </form>
</div><img id="ip-img-preview" style="position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 19941206;cursor: move;display: none"><div id="ip-img-floatshadow" style="z-index: 19941205;background-color: #000;opacity: .5;top: 0;left: 0;width: 100%;height: 100%;position: fixed;display: none" title="点击空白处关闭"></div><div id="ip-left" style="display: none; width: 100px; height: 100px;left: 5px; top: 50%; position:fixed;z-index:19941207; cursor: pointer;"><div style="left:-30px;border: 50px solid;border-color: transparent #1CB9C4 transparent transparent;position: absolute;"></div></div><div id="ip-right" style="display: none; width: 100px; height: 100px; right: 5px; top: 50%; position:fixed; z-index:19941207;cursor: pointer;"><div style="left:30px;border: 50px solid;border-color: transparent transparent transparent #1CB9C4;position: absolute;"></div></div>
<!-- END Container -->

<div class="tox tox-silver-sink tox-tinymce-aux" style="position: relative;"></div></body></html>